{% extends '../../layout.html' %}
<!-- header-start -->
{% block head %}
{% parent %}

<!--lCalendar.css-->
<link href="/component/lCalendar/lCalendar.css" rel="stylesheet"/>
<!--LArea.css-->
<link href="/component/LArea/LArea.min.css" rel="stylesheet"/>
{% endblock %}
<!-- header-end -->

<!-- body-start -->
{% block content %}
<div class="Hr_MyProduct">
    <div class="flex-box">
        <header class="align-start">
            <div>
                <a href="/">
                    <div class="Return">
                        <img src="../../../images/icon/left.png"/>
                    </div>
                </a>
            </div>
        </header>
        <main>
            <div class="Title">
                <h3>我的产品</h3>
            </div>
            <form id="" class="flex-dir-col">
                <div class="flex-dir-row">
                    <div class="text-center">
                        <div class="Hr_MyProduct_circle-box Hr_MyProduct_circle-normal flex-dir-col mb_7">
                            <img src="../../../images/my-haier/my_product_1.jpg" alt="">
                        </div>
                        <a href="javascript:void(0)" class="Hr_MyProduct_Del">删除</a>
                    </div>
                    <div class="flex-dir-col">
                        <span>冰箱</span>
                        <span>海尔</span>
                        <p>BCD-405WDGQU1</p>
                        <p class="mt_4">整机包修剩余<span>350</span>天</p>
                    </div>
                    <div class="flex-dir-col">
                        <a href="../Book_Install/Book_Install.html">报装保修</a>
                        <a href="../Book_Clear/Book_Clear.html">清洗维护</a>
                    </div>
                </div>
                <div class="flex-dir-row">
                    <div class="text-center">
                        <div class="Hr_MyProduct_circle-box Hr_MyProduct_circle-normal flex-dir-col mb_7">
                            <img src="../../../images/my-haier/my_product_2.jpg" alt="">
                        </div>
                        <a href="javascript:void(0)" class="Hr_MyProduct_Del">删除</a>
                    </div>
                    <div class="flex-dir-col">
                        <span>冰箱</span>
                        <span>海尔</span>
                        <p>BCD-405WDGQU1</p>
                        <p class="mt_4">整机包修剩余<span>350</span>天</p>
                    </div>
                    <div class="flex-dir-col">
                        <a href="../Book_Install/Book_Install.html">报装保修</a>
                        <a href="../Book_Clear/Book_Clear.html">清洗维护</a>
                    </div>
                </div>
                <div class="flex-dir-row">
                    <div class="text-center">
                        <div class="Hr_MyProduct_circle-box Hr_MyProduct_circle-normal flex-dir-col mb_7">
                            <img src="../../../images/my-haier/my_product_3.jpg" alt="">
                        </div>
                        <a href="javascript:void(0)" class="Hr_MyProduct_Del">删除</a>
                    </div>
                    <div class="flex-dir-col">
                        <span>冰箱</span>
                        <span>海尔</span>
                        <p>BCD-405WDGQU1</p>
                        <p class="mt_4">整机包修剩余<span>350</span>天</p>
                    </div>
                    <div class="flex-dir-col">
                        <a href="../Book_Install/Book_Install.html">报装保修</a>
                        <a href="../Book_Clear/Book_Clear.html">清洗维护</a>
                    </div>
                </div>
                <div class="flex-dir-row">
                    <div class="text-center">
                        <div class="Hr_MyProduct_circle-box Hr_MyProduct_circle-normal flex-dir-col mb_7">
                            <img src="../../../images/my-haier/My_product_4.jpg" alt="">
                        </div>
                        <a href="javascript:void(0)" class="Hr_MyProduct_Del">删除</a>
                    </div>
                    <div class="flex-dir-col">
                        <span>冰箱</span>
                        <span>海尔</span>
                        <p>BCD-405WDGQU1</p>
                        <p class="mt_4">整机包修剩余<span>350</span>天</p>
                    </div>
                    <div class="flex-dir-col">
                        <a href="../Book_Install/Book_Install.html">报装保修</a>
                        <a href="../Book_Clear/Book_Clear.html">清洗维护</a>
                    </div>
                </div>
            </form>
        </main>
    </div>
</div>

{% endblock %}
<!-- body-end -->
<!-- script-start -->
{% block script %}
<!--lCalendar.js-->
<script type="text/javascript" src="/component/lCalendar/lCalendar.min.js"></script>
<!--LArea.js-->
<script type="text/javascript" src="/component/LArea/LArea.min.js"></script>
<!--LArea.Date-->
<script type="text/javascript" src="/component/lCalendar/LAreaData1.js"></script>
<script type="text/javascript" src="/js/base/app.js"></script>
{% endblock %}